﻿<%@ page language="C#" autoeventwireup="true" inherits="UserLogin, App_Web_5fs20d04" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Đăng nhập</title>
    <style>
        .login {
            position:fixed;
            top: 50%;
            left: 50%;
            width:26em;
            height:18em;
            margin-top: -9em; /*set to a negative number 1/2 of your height*/
            margin-left: -15em; /*set to a negative number 1/2 of your width*/
        }
        
        .login-header {
            background-color:#42556c;
            border: 1px solid #42556c;
            height:30px;
            -moz-border-radius-topleft: 8px 8px;
	        border-top-left-radius: 8px 8px;
	        -moz-border-radius-topright: 8px 8px;
	        border-top-right-radius: 8px 8px;
        }
        
        .login-content {
            border: 1px solid #ccc;
            background-color: #E0E8ED;
            -moz-border-radius-bottomleft: 8px 8px;
	        border-bottom-left-radius: 8px 8px;
	        -moz-border-radius-bottomright: 8px 8px;
	        border-bottom-right-radius: 8px 8px;
        }
    </style> 
</head>
<body style="background:url(images/header-tail.gif);">
    <form id="form1" runat="server">
    <div class="login">
        <div class="login-header">
            <span style="padding-left:7px; color:#FFFFFF; font-weight:bold">Đăng nhập hệ thống</span>
        </div>
        <div class ="login-content">
            <asp:Login ID="login" runat="server" FailureText="Đăng nhập không thành công" 
            onauthenticate="login_Authenticate" onloginerror="login_LoginError">
            <LayoutTemplate>
                <table cellpadding="1" cellspacing="0" style="border-collapse:collapse; width:26em;">
                    <tr>
                        <td>
                            <table cellpadding="0">
                                <tr>
                                    <td align="center" colspan="2" align="center" style="width:26em; padding-top:0px"></td>
                                </tr>
                                <tr>
                                    <td align="right" style="height:45px; width:105px">
                                        <asp:Label ID="UserNameLabel" runat="server" AssociatedControlID="UserName">Tên đăng nhập:&nbsp;</asp:Label>
                                    </td>
                                    <td style="height:15px">
                                        <asp:TextBox ID="UserName" runat="server"></asp:TextBox>
                                        <asp:RequiredFieldValidator ID="UserNameRequired" runat="server" 
                                            ControlToValidate="UserName" ErrorMessage="User Name is required." 
                                            ToolTip="User Name is required." ValidationGroup="Login1">*</asp:RequiredFieldValidator>
                                    </td>
                                </tr>
                                <tr>
                                    <td align="right" >
                                        <asp:Label ID="PasswordLabel" runat="server" AssociatedControlID="Password">Mật khẩu:&nbsp;</asp:Label>
                                    </td>
                                    <td >
                                        <asp:TextBox ID="Password" runat="server" TextMode="Password"></asp:TextBox>
                                        <asp:RequiredFieldValidator ID="PasswordRequired" runat="server" 
                                            ControlToValidate="Password" ErrorMessage="Password is required." 
                                            ToolTip="Password is required." ValidationGroup="Login1">*</asp:RequiredFieldValidator>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="height:45px"></td>
                                    <td>
                                        <asp:CheckBox ID="RememberMe" runat="server" Text="Ghi nhớ đăng nhập" />
                                    </td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td align="left">
                                        <asp:Button ID="LoginButton" runat="server" CommandName="Login" Text="Đăng nhập" 
                                            ValidationGroup="Login1" />
                                    </td>
                                </tr>
                                <tr>
                                    <td align="right" colspan="2" style="color:Red;">
                                        <asp:Literal ID="FailureText" runat="server" EnableViewState="False"></asp:Literal>
                                    </td>
                                </tr>
                            </table>
                        </td>
                        <td>
                            <img src="Images/login_icon.png" />
                        </td>
                    </tr>
                </table>
            </LayoutTemplate>
        </asp:Login>
        </div>
    </div>

    </form>
</body>
</html>
